;(function($){
    $(document).ready(function(){
        function loadData(){
            var uid = JSON.parse(localStorage.getItem("userInfo") || '{}').u_id;
            $.ajax({
                url : "../server/cartlistbyuid.php",
                data : {
                    "u_id" : uid
                },
                type : "post"
            }).then(function(res){
                // console.log(res);
                var oTab = $("#tab");
                oTab.html("");
                // $(".monery").text(res.num)

                res.forEach(function(el, index){
                    // console.log(el);
                    var $tr = $(`<tr>
                
                <td ><img class="imgs" src=${el.c_pro_img}></td>
                <td>${el.c_pro_name}</td> 
                <td>${el.c_pro_num}</td>    
                <td>${el.c_pro_price}</td>        
                <td class="max">${el.c_pro_total}</td>
                </tr>`)

                    $(oTab).append($tr)
                    function max(){
                        var num=0
                        for(var i=0;i< ($(".max")).length; i++){


                            num=num+ parseInt( $(".max").eq(i).text())
                        }



                        $(".li3").text("￥"+num)
                        $(".quanxuan").click(function(){
                            alert(111)
                            $(".button").text("结算￥"+num)
                        })


                    }
                    max()

                })

            })


        }

        loadData()



        $(function(){
            var num = 1
            $(".p9").find("span").eq(0).click(function(){
                num--

                if(num < 1){
                    num = 1

                }
                $(".shuliang").val(num)
            })
            $(".p9").find("span").eq(1).click(function(){
                num++
                $(".shuliang").val(num)

            })

            $(".chima li").on("click",function(){
                $(this).addClass("mmm").siblings().removeClass("mmm")
            })
            $.ajax({
                url : "../server/checklogin.php"
            }).then(function(res){

                if(res.status == 1){
                    // console.log(res.msg.u_name);
                    $(".wrap .nav1").find(".aa1").html(`<a>${res.msg.u_name}</a>`)
                    $(".wrap .nav1").find(".aa2").html(`<a>退出</a>`)

                } else {
                    // $(".aa1").html("我的账户")
                    // $(".aa2").html("退出")

                }

            })

            function getParam(url){
                var val = "";
                if(url.indexOf("?") != -1){
                    val = url.split("?")[1].split("=");
                    return val[1];
                }
                return val;
            }

            $.ajax({
                url : "../server/goodslist.php",
                data : {
                    "pro_id" : getParam(location.search)
                }
            }).then(function(res){
                // console.log(res);
                $(".pro_names").text(res.pro_name + res.pro_info)
                $(".pro_name").text(res.pro_name)
                $(".pro_info").text(res.pro_info)
                $(".strong").text("￥" + res.pro_pricet)
                $(".del").text("￥" + res.pro_pricef)
                $("#midimg").attr("src", res.pro_imgs[5])
                $(".small-1").attr("src", res.pro_imgs[1])
                $(".small-2").attr("src", res.pro_imgs[2])
                $(".small-3").attr("src", res.pro_imgs[3])
                $(".small-4").attr("src", res.pro_imgs[4])
                $("#bigView").find("img").attr("src", res.pro_imgs[9])
                $(".pro_style").text(res.pro_style)
                $(".pro_chandi").text(res.pro_chandi)
                $(".pro_shudi").text(res.pro_shudi)
                $(".pro_leixing").text(res.pro_leixing)
                $(".pro_color").text(res.pro_color)
                $(".mianliao").attr("src", res.pro_imgs[10])
                $(".yf1").attr("src", res.pro_imgs[11])
                $(".yf2").attr("src", res.pro_imgs[12])
                $(".small_img").attr("src", res.pro_imgs[1])
                $(".left").attr("data-info", JSON.stringify(res))

            })


            $(".btnone").on("click", function(){


                var num1=$(".shuliang").val()
                // console.log(num1);

                var chima=$(".mmm").text();
                // console.log(chima);
                var data = $(".left").data("info")
                // console.log(data);
                var userInfo = JSON.parse(localStorage.getItem("userInfo") || '{}');
                data.u_id = userInfo.u_id;

                data.pro_img = data.pro_imgs[0];
                $.ajax({
                    url : "../server/cartsServer.php",
                    data : {
                        u_id : userInfo.u_id,
                        pro_id : data.pro_id,
                        pro_name : data.pro_info,
                        pro_price : data.pro_pricet,
                        pro_img : data.pro_imgs[0],
                        pro_num : num1,
                        pro_chima:chima
                    },

                    type : "post",
                    dataType : "json"


                }).then(function(res){

                 loadData()


                    if(res.status == 1){
                        layer.confirm('加入购物车成功是否立即查看？', {
                            btn: ['好的','在逛逛'] //按钮
                        }, function(){
                           location="gouwuche.html"
                        }, function(){

                        });
                    } else {
                        layer.confirm('加入购物车失败,请先登陆？', {
                            btn: ['好的','在逛逛'] //按钮
                        }, function(){
                            location="gouwuche.html"
                        }, function(){

                        });
                    }
                })

            })
        })















        $(".li2").on("mouseenter",function(){
           $(this).children(".chakan").show()
            max()
        })

      $(".chakan").on("mouseleave",function(){
          $(this).hide()
          max()
      })








        // 图片上下滚动
        var count = $("#imageMenu li").length - 5; /* 显示 6 个 li标签内容 */
        var interval = $("#imageMenu li:first").width();
        var curIndex = 0;

        $('.scrollbutton').click(function(){
            if( $(this).hasClass('disabled') ) return false;

            if ($(this).hasClass('smallImgUp')) --curIndex;
            else ++curIndex;

            $('.scrollbutton').removeClass('disabled');
            if (curIndex == 0) $('.smallImgUp').addClass('disabled');
            if (curIndex == count-1) $('.smallImgDown').addClass('disabled');

            $("#imageMenu ul").stop(false, true).animate({"marginLeft" : -curIndex*interval + "px"}, 600);
        });
        // 解决 ie6 select框 问题
        $.fn.decorateIframe = function(options) {
            if ($.browser.msie && $.browser.version < 7) {
                var opts = $.extend({}, $.fn.decorateIframe.defaults, options);
                $(this).each(function() {
                    var $myThis = $(this);
                    //创建一个IFRAME
                    var divIframe = $("<iframe />");
                    divIframe.attr("id", opts.iframeId);
                    divIframe.css("position", "absolute");
                    divIframe.css("display", "none");
                    divIframe.css("display", "block");
                    divIframe.css("z-index", opts.iframeZIndex);
                    divIframe.css("border");
                    divIframe.css("top", "0");
                    divIframe.css("left", "0");
                    if (opts.width == 0) {
                        divIframe.css("width", $myThis.width() + parseInt($myThis.css("padding")) * 2 + "px");
                    }
                    if (opts.height == 0) {
                        divIframe.css("height", $myThis.height() + parseInt($myThis.css("padding")) * 2 + "px");
                    }
                    divIframe.css("filter", "mask(color=#fff)");
                    $myThis.append(divIframe);
                });
            }
        }
        $.fn.decorateIframe.defaults = {
            iframeId: "decorateIframe1",
            iframeZIndex: -1,
            width: 0,
            height: 0
        }
        //放大镜视窗
        $("#bigView").decorateIframe();
        //点击到中图
        var midChangeHandler = null;

        $("#imageMenu li img").bind("click", function(){
            if ($(this).attr("id") != "onlickImg") {
                midChange($(this).attr("src").replace("small", "mid"));
                $("#imageMenu li").removeAttr("id");
                $(this).parent().attr("id", "onlickImg");
            }
        }).bind("mouseover", function(){
            if ($(this).attr("id") != "onlickImg") {
                window.clearTimeout(midChangeHandler);
                midChange($(this).attr("src").replace("small", "mid"));
                $(this).css({ "border": "3px solid #959595" });
            }
        }).bind("mouseout", function(){
            if($(this).attr("id") != "onlickImg"){
                $(this).removeAttr("style");
                midChangeHandler = window.setTimeout(function(){
                    midChange($("#onlickImg img").attr("src").replace("small", "mid"));
                }, 1000);
            }
        });
        function midChange(src) {
            $("#midimg").attr("src", src).load(function() {
                changeViewImg();
            });
        }
        //大视窗看图
        function mouseover(e) {
            if ($("#winSelector").css("display") == "none") {
                $("#winSelector,#bigView").show();
            }
            $("#winSelector").css(fixedPosition(e));
            e.stopPropagation();
        }
        function mouseOut(e) {
            if ($("#winSelector").css("display") != "none") {
                $("#winSelector,#bigView").hide();
            }
            e.stopPropagation();
        }
        $("#midimg").mouseover(mouseover); //中图事件
        $("#midimg,#winSelector").mousemove(mouseover).mouseout(mouseOut); //选择器事件

        var $divWidth = $("#winSelector").width(); //选择器宽度
        var $divHeight = $("#winSelector").height(); //选择器高度
        var $imgWidth = $("#midimg").width(); //中图宽度
        var $imgHeight = $("#midimg").height(); //中图高度
        var $viewImgWidth = $viewImgHeight = $height = null; //IE加载后才能得到 大图宽度 大图高度 大图视窗高度

        function changeViewImg() {
            $("#bigView img").attr("src", $("#midimg").attr("src").replace("mid", "big"));
        }
        changeViewImg();
        $("#bigView").scrollLeft(0).scrollTop(0);
        function fixedPosition(e) {
            if (e == null) {
                return;
            }
            var $imgLeft = $("#midimg").offset().left; //中图左边距
            var $imgTop = $("#midimg").offset().top; //中图上边距
            X = e.pageX - $imgLeft - $divWidth / 2; //selector顶点坐标 X
            Y = e.pageY - $imgTop - $divHeight / 2; //selector顶点坐标 Y
            X = X < 0 ? 0 : X;
            Y = Y < 0 ? 0 : Y;
            X = X + $divWidth > $imgWidth ? $imgWidth - $divWidth : X;
            Y = Y + $divHeight > $imgHeight ? $imgHeight - $divHeight : Y;

            if ($viewImgWidth == null) {
                $viewImgWidth = $("#bigView img").outerWidth();
                $viewImgHeight = $("#bigView img").height();
                if ($viewImgWidth < 200 || $viewImgHeight < 200) {
                    $viewImgWidth = $viewImgHeight = 800;
                }
                $height = $divHeight * $viewImgHeight / $imgHeight;
                $("#bigView").width($divWidth * $viewImgWidth / $imgWidth);
                $("#bigView").height($height);
            }
            var scrollX = X * $viewImgWidth / $imgWidth;
            var scrollY = Y * $viewImgHeight / $imgHeight;
            $("#bigView img").css({ "left": scrollX * -1, "top": scrollY * -1 });
            $("#bigView").css({ "top": 75, "left": $(".preview").offset().left + $(".preview").width() + 15 });

            return { left: X, top: Y };
        }
    });
    $(function(){
        $("#nav .nav4 .u1 li").mouseenter(function(){
            var index=$(this).index()
            $("#hide .hide1").eq(index).show().siblings().hide()

            $("#hide .hide1").eq(index).css("position","absolute")
            $("#hide .hide1").eq(index).css("left",index*74)

        })
        $("#hide").mouseleave(function(){

            $("#hide .hide1").hide()
        })


           $(document).scroll(function(){
               if($(document).scrollTop() >= 126){
                   $("#nav ").css("position", "fixed")
                   $("#hide ").css("position", "fixed")
                   $("#nav").css("top", 0)
                   $("#hide ").css("top", 40)
               } else if($(document).scrollTop() < 126){
                   $("#nav ").css("position", "static")
                   $("#hide ").css("position", "static")
               }
           })







        $('.countdown').downCount({
            date: '05/27/2019 00:00:00',
            offset: +10
        }, function () {
            alert('倒计时结束!');
        });




    })




})(jQuery)